<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>富文本编辑</title>
    <link rel="stylesheet" type="text/css" th:href="@{/plugins/layui/css/layui.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/css/common.css}"/>
</head>
<body>

    <div class="layui-fluid">
        <div class="layui-card">
            <div class="layui-card-body">
                <textarea id="demo" style="display: none;"></textarea>
            </div>
            <div class="layui-card-body">
                <button class="layui-btn layui-btn-sm layui-btn-normal" id="btn">
                    弹出全屏测试
                </button>
            </div>
        </div>
        <html th:include="website/footer"></html>
    </div>

    <script th:src="@{/plugins/layui/layui.js}" type="text/javascript" charset="utf-8"></script>
    <script th:src="@{/js/main.js}" type="text/javascript" charset="utf-8"></script>

    <script>
        layui.use(['layedit','songCommon','jquery','layer'], function(){
            var layedit = layui.layedit,
                songCommon = layui.songCommon,
                $ = layui.$,
                layer = layui.layer;

            layedit.build('demo'); //建立编辑器

            // 绑定事件
            $("#btn").bind("click",function () {
                songCommon.showFull('测试全屏','/v1/email/emailManage');
            });
        });
    </script>
</body>
</html>